Search completed in 1.07 seconds.
edgeMode - SVG: Scalable Vector Graphics
the edgemode attribute determines how to extend the input image as necessary with
color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
... two elements are using this attribute: <feconvolvematrix> and <fegaussianblur> feconvolvematrix for <feconvolvematrix>, edgemode determines how to extend the input image as necessary with
color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
... value duplicate | wrap | none default value duplicate animatable yes duplicate this value indicates that the input image is extended along each of its borders as necessary by duplicating the
color values at the given edge of the input image.
...And 4 more matches
CSS values and units - Learn web development
this means that if you see <color> as valid you don't need to wonder which of the different types of
color value can be used — keywords, hex values, rgb() functions, etc.
...for example, if you look at the page for <color> you will see that the browser compatibility section lists different types of
color value and support for them.
...the same
color values can be used everywhere in css, whether you are specifying text color, background color, or whatever else.
...And 3 more matches
WebGLRenderingContext.clearColor() - Web APIs
the webglrenderingcontext.clearcolor() method of the webgl api specifies the
color values used when clearing color buffers.
... this specifies what
color values to use when calling the clear() method.
... syntax void gl.clearcolor(red, green, blue, alpha); parameters red a glclampf specifying the red
color value used when the color buffers are cleared.
...And 2 more matches
<color> - CSS: Cascading Style Sheets
this lets you use the
color value on properties that do not receive it by default.
... examples
color value tester in this example we provide a <div> and a text input.
... entering a valid color into the input causes the <div> to adopt that color, allowing you to test our
color values.
...And 2 more matches
Eyedropper - Firefox Developer Tools
underneath the magnifying glass it shows the
color value for the current pixel using whichever scheme you've selected in settings > inspector > default color unit: you can use it in one of two ways: to select a color from the page and copy it to the clipboard to change a
color value in the inspector's rules view to a color you've selected from the page copying a color to the clipboard open the eyedropper in one of these two ways: select "eyedropper" under the "web developer" menu open the page inspector tab and click the eyedropper button in its toolbar as you move the mouse arou...
...nd the page you'll see the current
color value in the eyedropper change.
... clicking copies the current
color value to the clipboard.
... changing a
color value in the rules view
color values appearing in the inspector's rules view have color samples next to them: clicking the sample shows a color picker popup.
CSSPrimitiveValue.getRGBColorValue() - Web APIs
the getrgbcolorvalue() method of the cssprimitivevalue interface is used to get an rgb
color value.
... if this css value doesn't contain a rgb
color value, a domexception is raised.
... syntax var rgbcolorvalue = cssprimitivevalue.getrgbcolorvalue(); return value an rgbcolor object representing the
color value.
... exceptions type description domexception an invalid_access_err is raised if the attached property can't return an rgb
color value (i.e.
Applying styles and colors - Web APIs
by default, the stroke and fill color are set to black (css
color value #000000).
... because the strokestyle and fillstyle properties accept css rgba
color values, we can use the following notation to assign a transparent color to them.
... shadowcolor = color a standard css
color value indicating the color of the shadow effect; by default, it is fully-transparent black.
... the shadowcolor property is a standard css
color value indicating the color of the shadow effect; by default, it is fully-transparent black.
Index - Web APIs
442 cssprimitivevalue.getrgbcolorvalue() api, cssprimitivevalue, method, getrgbcolorvalue the getrgbcolorvalue() method of the cssprimitivevalue interface is used to get an rgb
color value.
... if this css value doesn't contain a rgb
color value, a domexception is raised.
... 4740 webglrenderingcontext.clearcolor() api, method, reference, webgl, webglrenderingcontext the webglrenderingcontext.clearcolor() method of the webgl api specifies the
color values used when clearing color buffers.
color - CSS: Cascading Style Sheets
the color css property sets the foreground
color value of an element's text and text decorations, and sets the current
color value.
... color contrast ratio is determined by comparing the luminosity of the text and background
color values.
... adds 4- and 8-digit hex
color values, where the last digit(s) represents the alpha value.
<feConvolveMatrix> - SVG: Scalable Vector Graphics
the basic convolution formula which is applied to each
color value for a given pixel is: colorx,y = ( sum i=0 to [ordery-1] { sum j=0 to [orderx-1] { source x-targetx+j, y-targety+i * kernelmatrixorderx-j-1, ordery-i-1 } } ) / divisor + bias * alphax,y where "orderx" and "ordery" represent the x and y values for the ‘order’ attribute, "targetx" repres...
... to illustrate, suppose you have a input image which is 5 pixels by 5 pixels, whose
color values for one of the color channels are as follows: 0 20 40 235 235 100 120 140 235 235 200 220 240 235 235 225 225 255 255 255 225 225 255 255 255 and you define a 3-by-3 convolution kernel as follows: 1 2 3 4 5 6 7 8 9 let's focus on the
color value at the second row and second column of the image (source pixel value is 120).
... assuming the simplest case (where the input image's pixel grid aligns perfectly with the kernel's pixel grid) and assuming default values for attributes ‘divisor’, ‘targetx’ and ‘targety’, then resulting
color value will be: (9* 0 + 8* 20 + 7* 40 + 6*100 + 5*120 + 4*140 + 3*200 + 2*220 + 1*240) / (9+8+7+6+5+4+3+2+1) usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes presentation attributes filter primitive attributes class style specific attributes in order kernelmatrix divisor bias targetx targety edgemode kernelunitlength preservealpha dom interface this element implements the svgfeconvolvematrixelement interface.
SVG documentation index - SVG: Scalable Vector Graphics
60 divisor filters, svg, svg attribute the divisor attribute specifies the value by which the resulting number of applying the kernelmatrix of a <feconvolvematrix> element to the input image
color value is divided to yield the destination
color value.
... 65 edgemode filters, needscompattable, needsexample, svg, svg attribute the edgemode attribute determines how to extend the input image as necessary with
color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
...every pixel's
color value [r,g,b,a] is matrix multiplied by a 5 by 5 color matrix to create new color [r',g',b',a'].
Editor Embedding Guide - Archive of obsolete content
getcommandstate "state_attribute" (cstring) docommand "state_attribute" (cstring) note for
color values, use the cstring representation of rrggbb, e.g., red="#ff0000" and black="#000000".
... getcommandstate "state_attribute" (cstring) docommand "state_attribute" (cstring) note for
color values, use the cstring representation of rrggbb, e.g., red="#ff0000" and black="#000000".
Advanced styling effects - Learn web development
the
color value is the base color of the shadow.
... note: there is another item that can be set in the box-shadow value — another length value can be optionally set just before the
color value, which is a spread radius.
Embedding API for Accessibility
setboolpref("browser.use_system_fonts", usesystemfonts); no colors for page setcharpref("browser.display.foreground_color", "#abcdef" /* hex
color value */); setcharpref("browser.display.background_color", "#abcdef" /* hex
color value */); setboolpref("browser.display.use_system_colors", boolsystemcolors); setboolpref("browser.display.use_document_colors", booluseauthorcolors); /* setting use_document_colors also stops background images from loading */ ...
... moz 0.8 link appearance setcharpref("browser.anchor_color", "#abcdef" /* hex
color value */); setcharpref("browser.visited_color", "#abcdef" /* hex
color value */); setboolpref("browser.underline_anchors", boolunderlinelinks); moz 0.8 focus appearance setboolpref("browser.display.use_focus_colors", usefocuscolors); setcharpref("browser.display.focus_background_color", colorstring); setcharpref("browser.display.focus_text_color", colorstring); setcharpref("browser.display.focus_ring_width", numpixels); /* 0-4 */ moz 0.9.2 ...
Using the Browser API
in addition, the background of the controls ui bar is changed to the background color of the site that has just loaded, to provide a more integrated experience — this can be read out of the event object's e.detail.background
color value.
... when the front page of https://developer.mozilla.org is loaded, for example, the e.detail.background
color value reported is rgb(0, 83, 159).
Index - Firefox Developer Tools
underneath the magnifying glass it shows the
color value for the current pixel using whichever scheme you've selected in settings > inspector > default color unit: 34 index tools found 158 pages: 35 json viewer firefox includes a json viewer.
... 64 examine and edit the box model guide, tools with the select element button pressed, if you hover over an element in the page, the box model for the element is shown overlaid on the page: 65 inspect and select colors guide, inspector, tools in the css pane's rules view, if a rule contains a
color value, you'll see a sample of the color next to the value: 66 open the inspector guide, inspector, tools there are two main ways to open the inspector: 67 reposition elements in the page starting in firefox 48 you can move absolutely positioned elements by dragging them around the page.
Web Accessibility: Understanding Colors and Luminance - Accessibility
there's movement towards adopting the use of hsl
color values rather than rgb values is css color module 3 (see section 4.2.4), the rationale being that rgb is hardware-oriented, reflecting the use of crts, and that rgb is non-intuitive.
...css color module level 3 added hsl
color values, stating "css3 adds numerical hue-saturation-lightness (hsl) colors as a complement to numerical rgb colors.
:link - CSS: Cascading Style Sheets
syntax :link examples by default, most browsers apply a special
color value to visited links.
...(after that, you'll need to clear your browser history to see them again.) however, the background-
color values are likely to remain, as most browsers do not set that property on visited links by default.
outline-color - CSS: Cascading Style Sheets
color contrast ratio is determined by comparing the luminosity of the text and background
color values.
...for the
color value, if the value is translucent, the computed value will be the rgba() corresponding one.
scrollbar-color - CSS: Cascading Style Sheets
note: user agents must apply any scrollbar-
color value set on the root element to the viewport.
... accessibility concerns when using scrollbar-color property with specific
color values, authors should ensure the specified colors have enough contrast between them.
<input type="color"> - HTML: Hypertext Markup Language
tracking color changes as is the case with other <input> types, there are two events that can be used to detect changes to the
color value: input and change.
... here's an example that watches changes over time to the
color value: colorpicker.addeventlistener("input", updatefirst, false); colorpicker.addeventlistener("change", watchcolorpicker, false); function watchcolorpicker(event) { document.queryselectorall("p").foreach(function(p) { p.style.color = event.target.value; }); } selecting the value if the <input> element's implementation of the color type on the user's browser doesn't support a color well, but is instead a text field for entering the color string directly, you can use the select() method to select the text c...
Scrollbar - Archive of obsolete content
so to make this work with osx, make an extra override: override chrome://global/skin/nativescrollbars.css chrome://app-global/skin/scrollbars.css change some
color values inside the app/chrome/skin/global/scrollbars.css to test that the css is used.
Test your skills: The Cascade - Learn web development
task one in this task, you need to use one of the special values we looked at in the controlling inheritance section to write a declaration in a new rule that will reset the background color back to white, without using an actual
color value.
CSS basics - Learn web development
(for example, there are many
color values in addition to red.) note the other important parts of the syntax: apart from the selector, each ruleset must be wrapped in curly braces.
Drawing graphics - Learn web development
add the following lines at the bottom of your javascript: ctx.fillstyle = 'rgb(0, 0, 0)'; ctx.fillrect(0, 0, width, height); here we are setting a fill color using the canvas' fillstyle property (this takes
color values just like css properties do), then drawing a rectangle that covers the entire area of the canvas with thefillrect method (the first two parameters are the coordinates of the rectangle's top left hand corner; the last two are the width and height you want the rectangle drawn at — we told you those width and height variables would be useful)!
mozbrowserloadend
when the front page of https://developer.mozilla.org is loaded, for example, the e.detail.background
color value reported is rgb(0, 83, 159).
Inspect and select colors - Firefox Developer Tools
in the css pane's rules view, if a rule contains a
color value, you'll see a sample of the color next to the value: a color sample is also shown for css custom properties (variables) that represent colors.
CanvasRenderingContext2D.putImageData() - Web APIs
// draw content onto the canvas ctx.fillrect(0, 0, 100, 100); // create an imagedata object from it var imagedata = ctx.getimagedata(0, 0, 100, 100); // use the putimagedata function that illustrates how putimagedata works putimagedata(ctx, imagedata, 150, 0, 50, 50, 25, 25); result data loss due to browser optimization due to the lossy nature of converting to and from premultiplied alpha
color values, pixels that have just been set using putimagedata() might be returned to an equivalent getimagedata() as different values.
Compositing example - Web APIs
the new shape is drawn behind the canvas content.', 'where both shapes overlap the color is determined by adding
color values.', 'only the new shape is shown.', 'shapes are made transparent where both overlap and drawn normal everywhere else.', 'the pixels are of the top layer are multiplied with the corresponding pixel of the bottom layer.
Clearing by clicking - Web APIs
if (!gl) { gl = canvas.getcontext("webgl") || canvas.getcontext("experimental-webgl"); if (!gl) { alert("failed to get webgl context.\n" + "your browser or device may not support webgl."); return; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); } // get a random
color value using a helper function.
Color masking - Web APIs
masking occurs later in the pipeline, and modifies the pixel
color value, so the final result on the screen is that of the clear color, tinted by the color mask.
Simple color animation - Web APIs
entbyid("canvas-view"); gl = canvas.getcontext("webgl") ||canvas.getcontext("experimental-webgl"); if (!gl) { clearinterval(timer); alert("failed to get webgl context.\n" + "your browser or device may not support webgl."); return; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); } // get a random
color value using a helper function.
Using textures in WebGL - Web APIs
the fragment shader the fragment shader likewise needs to be updated: const fssource = ` varying highp vec2 vtexturecoord; uniform sampler2d usampler; void main(void) { gl_fragcolor = texture2d(usampler, vtexturecoord); } `; instead of assigning a
color value to the fragment's color, the fragment's color is computed by fetching the texel (that is, the pixel within the texture) based on the value of vtexturecoord which like the colors is interpolated bewteen vertices.
-webkit-text-stroke - CSS: Cascading Style Sheets
/* width and
color values */ -webkit-text-stroke: 4px navy; text-stroke: 4px navy; /* global values */ -webkit-text-stroke: inherit; -webkit-text-stroke: initial; -webkit-text-stroke: unset; text-stroke: inherit; text-stroke: initial; text-stroke: unset; constituent properties this property is a shorthand for the following css properties: -webkit-stroke-color -webkit-stroke-width syntax values <length> the width of the stroke.
Using CSS gradients - CSS: Cascading Style Sheets
controlling the progression of a gradient by default, a gradient evenly progresses between the colors of two adjacent color stops, with the midpoint between those two color stops being the midpoint
color value.
<blend-mode> - CSS: Cascading Style Sheets
: 300px; height: 300px; background: url('https://mdn.mozillademos.org/files/8543/br.png'), url('https://mdn.mozillademos.org/files/8545/tr.png'); background-blend-mode: luminosity; } description for each pixel among the layers to which it is applied, a blend mode takes the colors of the foreground and the background, perfoms a calculation on them, and returns a new
color value.
repeating-radial-gradient() - CSS: Cascading Style Sheets
thus, the position of each ending color stop coincides with a starting color stop; if the
color values are different, this will result in a sharp visual transition, which can be mitigated by repeating the first color as the last color.
theme-color - HTML: Hypertext Markup Language
the theme-
color value for the name attribute of the <meta> element indicates a suggested color that user agents should use to customize the display of the page or of the surrounding user interface.
HTML documentation index - HTML: Hypertext Markup Language
159 theme-color attribute, html, html document metadata, reference, metadata the theme-
color value for the name attribute of the <meta> element indicates a suggested color that user agents should use to customize the display of the page or of the surrounding user interface.
divisor - SVG: Scalable Vector Graphics
the divisor attribute specifies the value by which the resulting number of applying the kernelmatrix of a <feconvolvematrix> element to the input image
color value is divided to yield the destination
color value.